<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>Resume - Start Bootstrap Theme</title>
        <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />


        <!-- Core theme CSS (includes Bootstrap)-->
        <link href="/static/styles.css" rel="stylesheet">
    </head>
    <body id="page-top">
        <!-- Navigation-->
        <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
            <a class="navbar-brand js-scroll-trigger" href="#page-top">
                <span class="d-block d-lg-none">Clarence Taylor</span>
                <span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets/img/profile.jpg" alt="" /></span>
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav">
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="http://127.0.0.1:5000/homepage">homepage</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="http://127.0.0.1:5000/introduce">introduce</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="http://127.0.0.1:5000/weather">天气预报</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="http://127.0.0.1:5000/skill">Skills</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="http://127.0.0.1:5000/interest">Interests</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="http://127.0.0.1:5000/awards">Awards</a></li>
                </ul>
            </div>
        </nav>
        <!-- Page Content-->
        <div class="container-fluid p-0">
           <!-- Skills-->

             <form method="POST" action="/geocode" id="login-box">
	     <table class="input-box"  align="center">

            <h2><b>请输入城市信息，查询该地区:</b></h2>
            <p>输入地点和关键字来搜索该地点附近的关键字地理信息：</p>
        <tr class = "input-box" align="center">
            <td>城市:</td>
            <td><input name='address' type='text' placeholder='请输入您所要查询的城市'>

            </td>
        </tr>
        <tr></tr>
                <tr class="input-box">
            <td>关键字:</td>
            <td><input type="text" name="types" placeholder="如：快餐厅、学校、加油站"></td>

        </table>

         <p>当你确认输入无误后，点击查找:</p>
        <p><input value='查找' type='SUBMIT'></p>


                 <form method="POST" action="/skill" id="login-box">
	<table  class="input-box"  align="center">
		<h1>{{the_title}}</h1>
		<tr class="input-box">
			<ol>
			{% for res in res %}
				<li>{{res}}</li>
    		{% endfor %}
    		</ol>
		</tr>
	</table>



    </form>



        < /div>  <!-- /container-->

            <hr class="m-0" />
        < /div>
        <!-- Bootstrap core JS-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
        <!-- Third party plugin JS-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
        <!-- Core theme JS-->
        <script src="js/scripts.js"></script>
    </body>

</html>













